<template>
    <div class="flex overflow-hidden rounded-r-lg rounded-l-lg border border-surface">
        <div v-for="color of value" :key="color" class="w-8 h-8" :style="{ backgroundColor: color }" :title="color"></div>
    </div>
</template>

<script setup lang="ts">
import type { PropType } from 'vue'

defineProps({
    value: {
        type: Object as PropType<Record<string, any>>,
        default: () => ({})
    }
})
</script>
